<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<title>Melt UI</title>
		<meta
			name="description"
			content="An open-source Svelte component library for building high-quality, accessible design systems and web apps."
		/>

		<!-- Facebook Meta Tags -->
		<meta property="og:url" content="https://www.melt-ui.com/" />
		<meta property="og:type" content="website" />
		<meta property="og:title" content="Melt UI" />
		<meta
			property="og:description"
			content="An open-source Svelte component library for building high-quality, accessible design systems and web apps."
		/>
		<meta property="og:image" content="https://www.melt-ui.com/banner.png" />

		<!-- Twitter Meta Tags -->
		<meta name="twitter:card" content="summary_large_image" />
		<meta property="twitter:domain" content="melt-ui.com" />
		<meta property="twitter:url" content="https://www.melt-ui.com/" />
		<meta name="twitter:title" content="Melt UI" />
		<meta
			name="twitter:description"
			content="An open-source Svelte component library for building high-quality, accessible design systems and web apps."
		/>
		<meta name="twitter:image" content="https://www.melt-ui.com/banner.png" />

		<link
			rel="preload"
			as="font"
			href="https://fonts-c75.pages.dev/fonts/GTMaru-Bold.woff"
			type="font/woff"
			crossorigin="anonymous"
		/>
		<link
			rel="preload"
			as="font"
			href="https://fonts-c75.pages.dev/fonts/GTMaru-Bold.woff2"
			type="font/woff2"
			crossorigin="anonymous"
		/>
		<link
			rel="preload"
			as="font"
			href="https://fonts-c75.pages.dev/fonts/GTMaru-RegularOblique.woff"
			type="font/woff"
			crossorigin="anonymous"
		/>
		<link
			rel="preload"
			as="font"
			href="https://fonts-c75.pages.dev/fonts/GTMaru-RegularOblique.woff2"
			type="font/woff2"
			crossorigin="anonymous"
		/>
		<script
			defer
			src="https://umami.thomas.rocks/script.js"
			data-website-id="6a40cf73-46d6-419d-ae06-9e0e79d12b45"
		></script>

		%sveltekit.head%
	</head>

	<body class="min-h-screen font-sans antialiased" data-sveltekit-preload-data="hover">
		<div style="display: contents" class="flex min-h-screen flex-col">%sveltekit.body%</div>
	</body>
</html>
